import React, { useId } from "react";

const App = () => {
  const useNameId = useId();
  const usePasswordId = useId();
  return (
    <>
      <h2>useId</h2>
      <label htmlFor={useNameId}>username: </label>
      <input type="text" id={useNameId} />

      <hr />

      <label htmlFor={usePasswordId}>password: </label>
      <input type="password" id={usePasswordId} />
    </>
  );
};

export default App;
